import Cookies from 'js-cookie' // 操作浏览器存储的cookie
// 浏览器本地缓存:localStorage对象 sessionStorage对象  cookie
// 本地存储的都是字符串(JSON字符串/数字字符串)
// 字符串的0和1也是true
// 0 null undefined '' NaN  这5个才是false
// +遇到字符串 如果字符串里不是数字会成NaN  如果字符串里的是数字  会强制转成数字
const state = {
  sidebar: {
    // 1(true) - 显示
    // 0(false) - 隐藏
    // Cookies.get('sidebarStatus') 如果没有就是false 就走后面,显示true 就会默认显示
    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
    withoutAnimation: false // 控制左侧是否使用动画
  },
  device: 'desktop' // pc端
}

const mutations = {
  TOGGLE_SIDEBAR: state => {
    state.sidebar.opened = !state.sidebar.opened
    state.sidebar.withoutAnimation = false
    if (state.sidebar.opened) {
      Cookies.set('sidebarStatus', 1)
    } else {
      Cookies.set('sidebarStatus', 0)
    }
  },
  CLOSE_SIDEBAR: (state, withoutAnimation) => {
    Cookies.set('sidebarStatus', 0)
    // 关闭侧边栏
    state.sidebar.opened = false
    // 将动画关闭
    state.sidebar.withoutAnimation = withoutAnimation
  },
  TOGGLE_DEVICE: (state, device) => {
    state.device = device
  }
}

const actions = {
  toggleSideBar({ commit }) {
    commit('TOGGLE_SIDEBAR')
  },
  // 解构
  closeSideBar({ commit }, { withoutAnimation }) {
    commit('CLOSE_SIDEBAR', withoutAnimation)
  },
  toggleDevice({ commit }, device) {
    commit('TOGGLE_DEVICE', device)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
